草庐IT

html - 将 Tumblr Photo Post 作为 Photoset

全部标签

javascript - 对于 Angular2 项目,在 gulp 中,我如何连接从 typescript 生成的所有 JavaScript 文件并将它们添加到我的 index.html 文件中

对于Angular2项目,在gulp中,我如何连接从typescript生成的所有JavaScript文件并将它们添加到我的index.html文件中。我正在使用Angular2、typescript和gulp。目前我没有连接它从typescript文件生成的javascript文件。我在尝试执行此操作并将它们添加到我的index.html文件时遇到问题。此外,完成此操作后,我需要清除缓存以使浏览器继续请求javascript文件。这是我的index.html文件:MyApp-->System.config({transpiler:'typescript',defaultJSExten

javascript - 从 HTML 调用 typescript 文件中的函数。

我是HTML和Angular2的新手。我目前正在尝试了解如何从HTML文件调用Typescript文件中的函数。精简后,Typescript文件(home.ts)函数如下所示:getConfigurations(sensorName:string){console.log('Home:getConfigurationsentered...');return'sensor1';}在我的HTML文件(home.html)中,我想使用字符串参数调用“getConfigurations”(现在“getConfigurations()”返回“sensor1”,因为我仍在测试)。那么,在HTML中

javascript - Angular 评估表达式就像它在 HTML 中一样

我正在寻找一个可以在Angular中执行类似操作的函数:vartestValues={name:'JohnDoe',number:15}somefunction('Hello,{{name}},youare{{number}}yearsold',testValues)//returns'Hello,JohnDoe,youare15yearsold'我知道$eval做类似的事情,但它里面不能有双括号。 最佳答案 您可能正在寻找$interpolate服务。文档中的示例:var$interpolate=...;//injectedvar

javascript - 如何在 base64 中编码用 jspdf 和 html2canvas 生成的文件?

我正在尝试对附加代码中生成的文档进行编码,但没有任何反应,没有生成错误但也不对文件进行编码,并且永远不会执行ajaxrequest什么是正确的方法?html2canvas(document.getElementById("workAreaModel"),{onrendered:function(canvas){varimg=canvas.toDataURL("image/png");vardoc=newjsPDF("l","pt","letter");doc.addImage(img,'JPEG',20,20);varfileEncode=btoa(doc.output());$.aj

javascript - react 。 child 作为 Prop

我知道如何将child传递给React组件:OpenThisWonderfulLink但是我可以这样使用吗:有效,但这正常吗?我可以每次都使用这种方式吗?附言抱歉我的英语不好..) 最佳答案 是的,children就像任何其他prop一样,可以用作prop来渲染子组件,而不是将子组件嵌套在相应的元素 关于javascript-react。child作为Prop,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.

javascript - Flickity 轮播作为另一个导航

所以,我正在使用这个https://codepen.io/desandro/pen/wByaqj然后我像这样激活了prevNextButtons:true,:$('.characters-main').flickity({prevNextButtons:false,wrapAround:false,pageDots:false,autoPlay:10000});$('.characters-nav').flickity({asNavFor:'.characters-main',cellAlign:'right',prevNextButtons:true,contain:true,pag

javascript - 直接在html中使用ES6模块中定义的函数

我正在尝试完成一件非常简单的事情:我在一个javascript模块文件上有一些代码,我将它导入另一个javascript文件(不导出任何东西),我想调用其中的一些定义函数直接从HTML文件。让我们举一些发生在我身上的有代表性的最小例子(实际测试了代码并给出了我在真实问题中遇到的完全相同的问题,实际上并不比这个问题复杂多少):module.js:constmod=()=>'Hellothere!';export{mod};main.js:import{mod}from'./module.js';functionhello(){console.log(mod());}main.html:O

javascript - 在 Javascript 中使用 this.variable 作为默认参数有什么问题吗?

如果我有一个像这样的ES6类:classFoo{constructor(bar){this.bar=bar;}echo(value=this.bar){returnvalue;}}每次调用echo时,都应重新计算this.bar。f=newFoo(10);f.echo();>>10f.bar=99;f.echo();>>99这种用法是否会产生任何潜在问题? 最佳答案 除了常见的jsthis问题外,没有什么大问题需要担心。您可以使用调用、绑定(bind)等方法将值注入(inject)此方法。这也可能导致错误和不一致。classFoo{

javascript - Angular 服务 Assets 作为 MIME ('text/html' )

每当我们发布Angular应用程序的新版本时,页面将不会为用户加载,除非他们清除缓存。它只是让我们的加载程序永远旋转并卡在index.html上。在chrome控制台中有一个错误提示styles.css-hash的MIME类型为('text/html')而它不是支持的样式表MIME类型。请注意,我也看到这种情况发生在javascript文件中,包括来自Angular的main.js-hash。如果我们shift-clickrefresh或ctrlF5清除缓存,它会加载新的styles.css-newhash页面将加载。我在angular.json(我们使用的是angular7)中引用了

javascript - 如何检查浏览器是否支持 HTML 元素

有没有办法检查标签是否是有效的html标签和/或浏览器是否支持?就像我在一组p1标签中键入文本“hi”一样,浏览器不会显示任何内容,但p1不是有效的html标签。如何使用javascript检查这个? 最佳答案 如果要测试是否支持HTML5标签和属性,可以使用Modernizr—它是您包含的一个JavaScript文件,它会为您完成工作。它还增加了对之类的支持和使用JavaScript发送到浏览器,这样您就可以放心地使用它们了。如果您想确定支持XHTML1.0或HTML4标签……好吧,您可以假设它是支持的。没有人再使用Netscap